<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0"><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
        <title>Welcome to Design Zone......</title>
        <link rel="stylesheet" type="text/css" href="../../scripts/ext/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="../../styles/dzbase.css" />
        <script type="text/javascript" src="../../scripts/ext/adapter/ext-base.js">
        </script>
        <script type="text/javascript" src="../../scripts/ext/ext-all.js">
        </script>
		<script type="text/javascript" src="../../scripts/grid/GroupSummary.js">
        </script>
        <script type="text/javascript" src="../../scripts/menu/EditableItem.js">
        </script>
        <script type="text/javascript" src="../../scripts/menu/RangeMenu.js">
        </script>
        <script type="text/javascript" src="../../scripts/grid/GridFilters.js">
        </script>
        <script type="text/javascript" src="../../scripts/grid/filter/Filter.js">
        </script>
        <script type="text/javascript" src="../../scripts/grid/filter/StringFilter.js">
        </script>
        <script type="text/javascript" src="../../scripts/grid/filter/ListFilter.js">
        </script>
        <script type="text/javascript" src="../../scripts/grid/RowExpander.js">
        </script>
        <script type="text/javascript" src="../../scripts/i18nMessage.js">
        </script>
        <script type="text/javascript" src="../../scripts/utils.js">
        </script>
		<script type="text/javascript" src="../../scripts/selectOrderItemAll.js">
        </script>
        <script type="text/javascript">
            var pqMessage = new i18nMessage('../../servlet/I18nMessageServlet?keyPrefix=ui.quality');
            var orderMessage = new i18nMessage('../../servlet/I18nMessageServlet?keyPrefix=ui.order');
            var message = new i18nMessage('../../servlet/I18nMessageServlet?keyPrefix=message');
            
            var idValue = getPrarmeterValue(window.location, 'id');
            var startPage = getPrarmeterValue(window.location, 'startPage');
			
			var selectOrderItemCallback = function(poiId, orderNumber, reference, color){
				document.getElementById('poiId').value = poiId;
				document.getElementById('orderNumber').value = orderNumber;
				document.getElementById('reference').value = reference;
				document.getElementById('colors').value = color;
			}
            
            Ext.onReady(function(){
                Ext.QuickTips.init();
                Ext.form.Field.prototype.msgTarget = 'side';
                
                var productQualityForm = new Ext.FormPanel({
                    labelAlign: 'left',
                    url: '../../servlet/ProductQualityServlet?action=1',
                    frame: true,
                    title: pqMessage.get('ui.quality.edittitle'),
                    bodyStyle: 'padding:5px 5px 5px 5px;margin-top: 2px;',
                    width: '100%',
                    labelWidth: 105,
                    reader: new Ext.data.XmlReader({
                        record: 'item'
                    }, [{
                        name: 'id',
                        mapping: 'id'
                    },{
                        name: 'poiId',
                        mapping: 'poiId'
                    },{
                        name: 'createDate',
                        mapping: 'createDate'
                    },{
                        name: 'reference',
                        mapping: 'reference'
                    },{
					    name: 'colors',
					    mapping: 'colors'
					},{
					    name: 'orderNumber',
					    mapping: 'orderNumber'
					},{
					    name: 'checker',
					    mapping: 'checker'
					},{
					    name: 'colorCard',
					    mapping: 'colorCard'
					},{
					    name: 'packageRequirement',
					    mapping: 'packageRequirement'
					},{
					    name: 'artClass',
					    mapping: 'artClass'
					},{
					    name: 'amountS',
					    mapping: 'amountS'
					},{
					    name: 'amountM',
					    mapping: 'amountM'
					},{
					    name: 'amountL',
					    mapping: 'amountL'
					},{
					    name: 'amountXl',
					    mapping: 'amountXl'
					},{
					    name: 'amountXxl',
					    mapping: 'amountXxl'
					},{
					    name: 'amountXxxl',
					    mapping: 'amountXxxl'
					},{
					    name: 'amountComment',
					    mapping: 'amountComment'
					},{
					    name: 'c1S',
					    mapping: 'c1S'
					},{
					    name: 'c1M',
					    mapping: 'c1M'
					},{
					    name: 'c1L',
					    mapping: 'c1L'
					},{
					    name: 'c1Xl',
					    mapping: 'c1Xl'
					},{
					    name: 'c1Xxl',
					    mapping: 'c1Xxl'
					},{
					    name: 'c1Xxxl',
					    mapping: 'c1Xxxl'
					},{
					    name: 'c1Comment',
					    mapping: 'c1Comment'
					},{
					    name: 'c2S',
					    mapping: 'c2S'
					},{
					    name: 'c2M',
					    mapping: 'c2M'
					},{
					    name: 'c2L',
					    mapping: 'c2L'
					},{
					    name: 'c2Xl',
					    mapping: 'c2Xl'
					},{
					    name: 'c2Xxl',
					    mapping: 'c2Xxl'
					},{
					    name: 'c2Xxxl',
					    mapping: 'c2Xxxl'
					},{
					    name: 'c2Comment',
					    mapping: 'c2Comment'
					},{
					    name: 'c3S',
					    mapping: 'c3S'
					},{
					    name: 'c3M',
					    mapping: 'c3M'
					},{
					    name: 'c3L',
					    mapping: 'c3L'
					},{
					    name: 'c3Xl',
					    mapping: 'c3Xl'
					},{
					    name: 'c3Xxl',
					    mapping: 'c3Xxl'
					},{
					    name: 'c3Xxxl',
					    mapping: 'c3Xxxl'
					},{
					    name: 'c3Comment',
					    mapping: 'c3Comment'
					},{
					    name: 'c4S',
					    mapping: 'c4S'
					},{
					    name: 'c4M',
					    mapping: 'c4M'
					},{
					    name: 'c4L',
					    mapping: 'c4L'
					},{
					    name: 'c4Xl',
					    mapping: 'c4Xl'
					},{
					    name: 'c4Xxl',
					    mapping: 'c4Xxl'
					},{
					    name: 'c4Xxxl',
					    mapping: 'c4Xxxl'
					},{
					    name: 'c4Comment',
					    mapping: 'c4Comment'
					},{
					    name: 'c5S',
					    mapping: 'c5S'
					},{
					    name: 'c5M',
					    mapping: 'c5M'
					},{
					    name: 'c5L',
					    mapping: 'c5L'
					},{
					    name: 'c5Xl',
					    mapping: 'c5Xl'
					},{
					    name: 'c5Xxl',
					    mapping: 'c5Xxl'
					},{
					    name: 'c5Xxxl',
					    mapping: 'c5Xxxl'
					},{
					    name: 'c5Comment',
					    mapping: 'c5Comment'
					},{
					    name: 'c6S',
					    mapping: 'c6S'
					},{
					    name: 'c6M',
					    mapping: 'c6M'
					},{
					    name: 'c6L',
					    mapping: 'c6L'
					},{
					    name: 'c6Xl',
					    mapping: 'c6Xl'
					},{
					    name: 'c6Xxl',
					    mapping: 'c6Xxl'
					},{
					    name: 'c6Xxxl',
					    mapping: 'c6Xxxl'
					},{
					    name: 'c6Comment',
					    mapping: 'c6Comment'
					}]),
                    items: [{
                        id: 'id',
                        name: 'id',
                        xtype: 'hidden'
                    },{
                        id: 'poiId',
                        name: 'poiId',
                        xtype: 'hidden'
                    }, {
                        layout: 'column',
                        items: [{
                            columnWidth: .25,
                            layout: 'form',
                            items: [{
                                name: 'createDate',
                                id: 'createDate',
                                fieldLabel: pqMessage.get('ui.quality.date') + "(d/m/Y)",
                                xtype: 'datefield',
                                //vtype: 'daterange',
                                //startDateField: 'alarmTime',
                                width: '80%',
                                anchor: '86%',
                                allowBlank: false,
                                blankText: message.get('message.edit.noblank')
                            }]
                        },{
                            columnWidth: .25,
                            layout: 'form',
                            items: [{
                                fieldLabel: referenceMessage.get('ui.reference.reference'),
                                name: 'reference',
								id: 'reference',
                                xtype: 'textfield',
                                width: '80%',
                                maxLength: 64,
                                maxLengthText: message.get('message.edit.toolong'),
                                allowBlank: false,
                                emptyText: message.get('message.combo.pleaseselect'),
                                readOnly: true,
                                blankText: message.get('message.edit.noblank'),
		                        listeners: {
		                            'render': {
		                                fn: function(){
		                                    Ext.getCmp('reference').getEl().on('click', function(){
		                                        selectOrderItem();
		                                    }, this);
		                                },
		                                scope: this
		                            }
		                        }
                            }]
                        }, {
                            columnWidth: .25,
                            layout: 'form',
                            items: [{
                                fieldLabel: orderMessage.get('ui.order.color'),
                                name: 'colors',
								id: 'colors',
                                xtype: 'textfield',
                                width: '80%',
                                maxLength: 64,
                                maxLengthText: message.get('message.edit.toolong'),
                                allowBlank: false,
                                readOnly: true,
                                blankText: message.get('message.edit.noblank')
                            }]
                        }, {
                            columnWidth: .25,
                            layout: 'form',
                            items: [{
                                fieldLabel: piMessage.get('ui.productidentification.ordernumber'),
                                name: 'orderNumber',
								id: 'orderNumber',
                                xtype: 'textfield',
                                width: '80%',
                                maxLength: 64,
                                maxLengthText: message.get('message.edit.toolong'),
                                allowBlank: false,
                                readOnly: true,
                                blankText: message.get('message.edit.noblank')
                            }]
                        }]
                    }, {
                        layout: 'column',
                        items: [ {
                            columnWidth: .25,
                            layout: 'form',
                            items: [{
                                fieldLabel: pqMessage.get('ui.quality.person'),
                                name: 'checker',
                                xtype: 'textfield',
                                width: '80%',
                                maxLength: 64,
                                maxLengthText: message.get('message.edit.toolong'),
                                allowBlank: false,
                                blankText: message.get('message.edit.noblank')
                            }]
                        }, {
                            columnWidth: .25,
                            layout: 'form',
                            items: [{
                                name: 'colorCard',
                                fieldLabel: pqMessage.get('ui.quality.colorcard'),
                                xtype: 'textfield',
                                width: '80%',
                                maxLength: 128,
                                maxLengthText: message.get('message.edit.toolong'),
                                allowBlank: false,
                                blankText: message.get('message.edit.noblank')
                            }]
                        }, {
                            columnWidth: .25,
                            layout: 'form',
                            items: [{
                                fieldLabel: pqMessage.get('ui.quality.packagerequirement'),
                                name: 'packageRequirement',
                                xtype: 'textfield',
                                width: '80%',
                                maxLength: 128,
                                maxLengthText: message.get('message.edit.toolong'),
                                allowBlank: false,
                                blankText: message.get('message.edit.noblank')
                            }]
                        }, {
                            columnWidth: .25,
                            layout: 'form',
                            items: [{
                                fieldLabel: pqMessage.get('ui.quality.class'),
                                name: 'artClass',
                                xtype: 'textfield',
                                width: '80%',
                                maxLength: 128,
                                maxLengthText: message.get('message.edit.toolong'),
                                allowBlank: false,
                                blankText: message.get('message.edit.noblank')
                            }]
                        }]
                    }, {
                        xtype: 'fieldset',
                        collapsible: true,
                        title: pqMessage.get('ui.quality.checkedquantity'),
                        autoHeight: true,
                        items: [{
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'amountS',
                                    fieldLabel: 'S',
                                    xtype: 'numberfield',
                                    width: '80%',
                                    maxLength: 128,
                                    maxLengthText: message.get('message.edit.toolong'),
                                    allowBlank: false,
                                    blankText: message.get('message.edit.noblank')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'amountM',
                                    fieldLabel: 'M',
                                    xtype: 'numberfield',
                                    width: '80%',
                                    maxLength: 128,
                                    maxLengthText: message.get('message.edit.toolong'),
                                    allowBlank: false,
                                    blankText: message.get('message.edit.noblank')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'amountL',
                                    fieldLabel: 'L',
                                    xtype: 'numberfield',
                                    width: '80%',
                                    maxLength: 128,
                                    maxLengthText: message.get('message.edit.toolong'),
                                    allowBlank: false,
                                    blankText: message.get('message.edit.noblank')
                                }]
                            }]
                        }, {
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'amountXl',
                                    fieldLabel: 'XL',
                                    xtype: 'numberfield',
                                    width: '80%',
                                    maxLength: 128,
                                    maxLengthText: message.get('message.edit.toolong'),
                                    allowBlank: false,
                                    blankText: message.get('message.edit.noblank')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'amountXxl',
                                    fieldLabel: 'XXL',
                                    xtype: 'numberfield',
                                    width: '80%',
                                    maxLength: 128,
                                    maxLengthText: message.get('message.edit.toolong'),
                                    allowBlank: false,
                                    blankText: message.get('message.edit.noblank')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'amountXxxl',
                                    fieldLabel: 'XXXL',
                                    xtype: 'numberfield',
                                    width: '80%',
                                    maxLength: 128,
                                    maxLengthText: message.get('message.edit.toolong'),
                                    allowBlank: false,
                                    blankText: message.get('message.edit.noblank')
                                }]
                            }]
                        }, {
                            fieldLabel: message.get('message.edit.comment'),
                            name: 'amountComment',
                            xtype: 'textarea',
                            maxLength: 512,
                            width: '90%',
                            maxLengthText: message.get('message.edit.toolong')
                        }]
                    },{
                        xtype: 'fieldset',
                        collapsible: true,
						collapsed: true,
                        title: orderMessage.get('ui.order.color'),
                        autoHeight: true,
                        items: [{
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c1S',
                                    fieldLabel: 'S',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c1M',
                                    fieldLabel: 'M',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c1L',
                                    fieldLabel: 'L',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c1Xl',
                                    fieldLabel: 'XL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c1Xxl',
                                    fieldLabel: 'XXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c1Xxxl',
                                    fieldLabel: 'XXXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            fieldLabel: message.get('message.edit.comment'),
                            name: 'c1Comment',
                            xtype: 'textarea',
                            maxLength: 512,
                            width: '90%',
                            maxLengthText: message.get('message.edit.toolong')
                        }]
                    },{
                        xtype: 'fieldset',
                        collapsible: true,
                        title: pqMessage.get('ui.quality.appearance'),
						collapsed: true,
                        autoHeight: true,
                        items: [{
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c2S',
                                    fieldLabel: 'S',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c2M',
                                    fieldLabel: 'M',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c2L',
                                    fieldLabel: 'L',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c2Xl',
                                    fieldLabel: 'XL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c2Xxl',
                                    fieldLabel: 'XXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c2Xxxl',
                                    fieldLabel: 'XXXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            fieldLabel: message.get('message.edit.comment'),
                            name: 'c2Comment',
                            xtype: 'textarea',
                            maxLength: 512,
                            width: '90%',
                            maxLengthText: message.get('message.edit.toolong')
                        }]
                    },{
                        xtype: 'fieldset',
                        collapsible: true,
                        title: pqMessage.get('ui.quality.touch'),
						collapsed: true,
                        autoHeight: true,
                        items: [{
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c3S',
                                    fieldLabel: 'S',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c3M',
                                    fieldLabel: 'M',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c3L',
                                    fieldLabel: 'L',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c3Xl',
                                    fieldLabel: 'XL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c3Xxl',
                                    fieldLabel: 'XXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c3Xxxl',
                                    fieldLabel: 'XXXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            fieldLabel: message.get('message.edit.comment'),
                            name: 'c3Comment',
                            xtype: 'textarea',
                            maxLength: 512,
                            width: '90%',
                            maxLengthText: message.get('message.edit.toolong')
                        }]
                    },{
                        xtype: 'fieldset',
                        collapsible: true,
                        title: pqMessage.get('ui.quality.measure'),
						collapsed: true,
                        autoHeight: true,
                        items: [{
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c4S',
                                    fieldLabel: 'S',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c4M',
                                    fieldLabel: 'M',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c4L',
                                    fieldLabel: 'L',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c4Xl',
                                    fieldLabel: 'XL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c4Xxl',
                                    fieldLabel: 'XXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c4Xxxl',
                                    fieldLabel: 'XXXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            fieldLabel: message.get('message.edit.comment'),
                            name: 'c4Comment',
                            xtype: 'textarea',
                            maxLength: 512,
                            width: '90%',
                            maxLengthText: message.get('message.edit.toolong')
                        }]
                    },{
                        xtype: 'fieldset',
                        collapsible: true,
                        title: pqMessage.get('ui.quality.packagerequirement'),
						collapsed: true,
                        autoHeight: true,
                        items: [{
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c5S',
                                    fieldLabel: 'S',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c5M',
                                    fieldLabel: 'M',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c5L',
                                    fieldLabel: 'L',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c5Xl',
                                    fieldLabel: 'XL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c5Xxl',
                                    fieldLabel: 'XXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c5Xxxl',
                                    fieldLabel: 'XXXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            fieldLabel: message.get('message.edit.comment'),
                            name: 'c5Comment',
                            xtype: 'textarea',
                            maxLength: 512,
                            width: '90%',
                            maxLengthText: message.get('message.edit.toolong')
                        }]
                    },{
                        xtype: 'fieldset',
                        collapsible: true,
                        title: pqMessage.get('ui.quality.weight'),
						collapsed: true,
                        autoHeight: true,
                        items: [{
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c6S',
                                    fieldLabel: 'S',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c6M',
                                    fieldLabel: 'M',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c6L',
                                    fieldLabel: 'L',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            layout: 'column',
                            items: [{
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c6Xl',
                                    fieldLabel: 'XL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c6Xxl',
                                    fieldLabel: 'XXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }, {
                                columnWidth: .33,
                                layout: 'form',
                                items: [{
                                    name: 'c6Xxxl',
                                    fieldLabel: 'XXXL',
                                    xtype: 'textfield',
                                    width: '80%',
                                    maxLength: 64,
                                    maxLengthText: message.get('message.edit.toolong')
                                }]
                            }]
                        }, {
                            fieldLabel: message.get('message.edit.comment'),
                            name: 'c6Comment',
                            xtype: 'textarea',
                            maxLength: 512,
                            width: '90%',
                            maxLengthText: message.get('message.edit.toolong')
                        }]
                    }],
                    
                    buttons: [{
                        text: message.get('message.edit.save'),
                        handler: function(){
                            if (productQualityForm.getForm().isValid()) {
                                
                                productQualityForm.getForm().submit({
                                    method: 'post',
                                    success: function(form, action){
                                        messageTip.msg(message.get('message.tip'), message.get('message.edit.successful'));
                                        productQualityForm.getForm().reset();
                                    },
                                    failure: function(form, action){
                                        messageTip.msg(message.get('message.tip'), message.get('message.edit.unsuccessful'));
                                    }
                                });
                            }
                        }
                    }, {
                        text: message.get('message.edit.reset'),
                        handler: function(){
                            productQualityForm.getForm().reset();
                        }
                    }, {
                        text: message.get('message.edit.cancel'),
                        handler: function(){
                            if (startPage != null) {
                                window.location = 'product_quality_list.html?startPage=' + startPage;
                            }
                            else {
                                window.location = 'product_quality_list.html';
                            }
                        }
                    }]
                });
                
                productQualityForm.render('productQualityForm');
				
				if (idValue != null) {
					productQualityForm.getForm().load({
							url:'../../servlet/ProductQualityServlet?action=3&id=' + idValue, 
							waitMsg:Ext.LoadMask.prototype.msg, 
							success: function(form, action){
								
							}
					});
				}
                
            });
        </script>
    </head>
    <body>
        <div id="productQualityForm">
        </div>
    </body>
</html>
